@charset "utf-8";
html {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background-color: #eee;
}

.html_image {
	background: #eee url("../images/gray.png") repeat-y;
	background-size: 108rem auto;
	background-position: center center;
}


/*
@font-face {
    font-family: "Avenir Next Condensed";
    src:url('../fonts/Avenir Next Condensed.ttc') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Kohinoor;
    src:url('../fonts/Kohinoor.ttc');
}
*/

div {
	vertical-align: middle;
}


/* for Chrome */

::-webkit-scrollbar {
	display: none
}

body {
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	max-width: 108rem;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	height: 100%;
	padding: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	min-height: 140rem;
}

body:after {
	content: "";
	display: block;
	position: absolute;
	background: url("../images/loading.gif") no-repeat -10000px -1000px;
	width: 0;
	height: 0
}

.loading_background {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}

.loading_progressBar {
	background: url("../images/loading.gif") no-repeat;
	background-size: 12.8rem 12.8rem;
}

.loading_progressBar {
	display: block;
	width: 128px;
	height: 128px;
	position: fixed;
	top: 50%;
	left: 50%;
	font-weight: bold;
	z-index: 2001;
	margin-left: -6.4rem;
	margin-top: -6.4rem;
}

.header {
	height: 13.6rem;
	background: #000000;
	position: relative;
	;
}

.header_height {
	height: 13.6rem;
}

.header_float {
	height: 13.6rem;
	background: #000000;
	position: fixed;
	top: 0rem;
	width: 108rem;
	z-index: 1;
}

.header_panel {
	width: 54rem;
	display: inline;
}

.header_left_panel {
	margin-top: 3.6rem;
	margin-left: 3.4rem;
	margin-right: 0rem;
	float: left;
}

.fish_icon {
	height: 6.4rem;
}

.header_amount {
	color: #ffffff;
	font: 400 60px Avenir Next Condensed, sans-serif;
	line-height: 13.6rem;
	font-size: 6.0rem;
}

.head_amount_position {
	line-height: 13.6rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.header_unit_position {
	line-height: 13.6rem;
}

.header_line_height {
	line-height: 13.6rem;
}

.invite_button_position {
	text-align: right;
	float: right;
	margin-right: 17rem;
	margin-top: 2.5rem;
}

.invite_button_margin {
	margin-top: 1.6rem;
}

.header_image {
	float: left;
	margin-left: 1rem;
	margin-right: 1rem;
}

.header_image_position {
	height: 11rem;
	margin-top: 0.4rem;
}

.head_button_panel {
	position: absolute;
	max-width: 108rem;
	text-align: right;
	height: 0rem;
	left: 0rem;
	right: 0rem;
	top: 0rem;
	margin: auto;
}

.head_button_position {
	margin-right: 3.4rem;
	margin-top: 1.3rem;
}

.hot_position {
	position: absolute;
	margin-left: 62rem;
	margin-top: -8.5rem;
	height: auto;
}

.hot_height {
	height: 4.9rem;
	margin-right: 2rem;
}

.hot_panel_position {
	/*margin-right: 6.8rem;*/
}

.bowl_panel {
	position: relative;
	height: 65rem;
	margin-top: 0rem;
}

.bowl_sub_panel {
	position: absolute;
	width: 100%;
}

.bowl_sold_position {
	height: 10%;
	margin-top: 20rem;
}

.bowl_sold_amount_position {
	height: 10%;
	margin-top: 2rem;
}

.buy_panel_top {
	margin-top: 6rem;
}

.buy_panel_amount_position {
	line-height: 8.6rem;
	height: 8.6rem;
	display: inline;
}

.buy_panel_unit_position {
	line-height: 8.6rem;
	height: 8.6rem;
	display: inline;
	margin-left: 0rem;
	margin-right: 5rem;
}

.bowl_auction_panel {
	position: relative;
	height: 100rem;
	margin-top: 3rem;
}

.mybowl_height {
	height: 90rem;
	margin-top: 0rem;
}

.bowl_id_position {
	height: 5%;
	margin-top: 20rem;
}

.bowl_id_value_position {
	height: 10%;
	margin-top: 5rem;
}

.bowl_countdown_position {
	height: 10%;
	margin-top: 0rem;
}

.buy_fishbowl_image_position {
	position: absolute;
	margin-top: 10rem;
}

.sell_fishbowl_panel {
	display: block;
	margin-top: -8rem;
	position: relative;
}

.min-height {
	min-height: 193rem;
}

.circle {
	width: 11rem;
	height: 11rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: lighter 92px Avenir, sans-serif;
	font-size: 9.2rem;
	font-weight: 100;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 11rem;
	color: #007aff;
	background: #ffffff;
	/*margin-top: -4.3rem;*/
	vertical-align: top;
	-webkit-border: solid 0.1rem #000000;
	-moz-border: solid 0.1rem #000000;
	border: solid 0.1rem #000000;
	cursor: pointer;
}

.small_circle {
	width: 8rem;
	height: 8rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: lighter 92px Avenir, sans-serif;
	font-size: 9.2rem;
	font-weight: 100;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8rem;
	color: #007aff;
	background: #ffffff;
	margin-top: -4.3rem;
	-webkit-border: solid 0.1rem #000000;
	-moz-border: solid 0.1rem #000000;
	border: solid 0.1rem #000000;
	cursor: pointer;
}

.circle_red {
	width: 6rem;
	height: 6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: lighter 36px Avenir, sans-serif;
	font-size: 3.6rem;
	font-weight: 100;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 6rem;
	color: white;
	background: red;
	/*margin-top: -4.3rem;*/
	vertical-align: top;
}

.circle_small_red {
	width: 2.5rem;
	height: 2.5rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: lighter 36px Avenir, sans-serif;
	font-size: 3.6rem;
	font-weight: 100;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 2.5rem;
	color: white;
	background: red;
	/*margin-top: -4.3rem;*/
	vertical-align: top;
}

.circle_info {
	width: 6rem;
	height: 6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: lighter 60px Avenir, sans-serif;
	font-size: 6rem;
	font-weight: 600;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 6rem;
	color: #ffffff;
	background: #007aff;
	margin-top: -4.3rem;
	-webkit-border: solid 0.1rem #000000;
	-moz-border: solid 0.1rem #000000;
	cursor: pointer;
}

.button {
	width: 22.7rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: 600 48px Avenir Next Condensed, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
}

.button_small {
	width: 18rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: 600 48px Avenir Next Condensed, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
}

.button_long {
	width: 82.6rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: 600 48px Avenir Next Condensed, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
}

.button_middle {
	width: 43.5rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	color: #ffffff;
	background: #007aff;
	cursor: pointer;
}

.button_icon_middle {
	width: 38rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	color: #ffffff;
	background: #007aff;
	cursor: pointer;
	font: 600 36px Avenir Next Condensed, sans-serif;
	font-size: 3.6rem;
	line-height: 8.6rem;
}

.button_scale {
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 3rem;
	text-align: center;
	text-decoration: none;
	font: 600 48px Avenir Next Condensed, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
}

.button_scale_border {
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 3rem;
	text-align: center;
	text-decoration: none;
	font: 500 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
	border: 0.2rem solid #007aff;
	color: #007aff;
	background: #ffffff;
	cursor: pointer;
}

.button_scale_min {
	height: 8.6rem;
	min-width: 19.7rem;
	display: inline-block;
	position: relative;
	padding: 0rem 3rem;
	text-align: center;
	text-decoration: none;
	font: 600 48px Avenir Next Condensed, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
}

.button_code {
	width: 22.7rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: 600 52px Avenir Next Condensed, sans-serif;
	font-size: 5.2rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
}

.button_border {
	width: 22.7rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: 300 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	cursor: pointer;
	border: 0.2rem solid #007aff;
	color: #007aff;
	background: #ffffff;
}

.button_scale_small {
	height: 4.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 3rem;
	text-align: center;
	text-decoration: none;
	font: 600 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	-webkit-border-radius: 2.3rem;
	-moz-border-radius: 2.3rem;
	border-radius: 2.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 4.6rem;
	cursor: pointer;
}

.button_menu {
	width: 96.8rem;
	height: 8.8rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: 600 48px Avenir Next Condensed, sans-serif;
	font-size: 4.8rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.8rem;
	border: 0.2rem solid #007aff33;
	box-shadow: 0 0 1rem #007aff33;
	cursor: pointer;
}

.blue {
	color: #ffffff;
	background: #007aff;
}

.blue a:active {
	color: rgba(255, 255, 255, 0.4);
	background-color: rgba(0, 122, 255, 0.4);
}

.blue a:hover {
	color: rgba(255, 255, 255, 0.4);
	background-color: #ffffff;
}

.blue_disable {
	color: #ffffff;
	background: #d5d5d5;
}

.lightgray {
	color: #007aff;
	background: #f6f6f6;
}

.gray {
	color: #007aff;
	background: #f0f0f8;
}

.white {
	color: #007aff;
	background: #ffffff;
}

.gray_code {
	color: #000000;
	background: #f0f0f8;
}

.circle_head {
	width: 11rem;
	height: 11rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5.5rem;
	-moz-border-radius: 5.5rem;
	border-radius: 5.5rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 11rem;
}

.circle_head_big {
	width: 22rem;
	height: 22rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 11rem;
	-moz-border-radius: 11rem;
	border-radius: 11rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 22rem;
}

.circle_head_small {
	width: 16.8rem;
	height: 16.8rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 8.4rem;
	-moz-border-radius: 8.4rem;
	border-radius: 8.4rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 16.8rem;
}

.circle_head_biggest {
	width: 40.8rem;
	height: 40.8rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 20.4rem;
	-moz-border-radius: 20.4rem;
	border-radius: 20.4rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 16.8rem;
}

.bid_panel {
	width: 96rem;
	height: 30rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: left;
	text-decoration: none;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	background: #ffffff;
}

.section_title_position {
	margin-left: 12rem;
}

.section_title {
	color: #000000;
	padding-top: 10rem;
	margin-bottom: 3.5rem;
}

.section_small_title {
	color: #000000;
	padding-top: 3.5rem;
	margin-bottom: 3.5rem;
}

.label_gray_title {
	padding-left: 12rem;
	padding-top: 6.9rem;
	padding-bottom: 1.0rem;
}

.code {
	margin-top: 10rem;
	margin-bottom: 10rem;
}

.address_position {
	margin-bottom: 5rem;
}

.center {
	text-align: center;
}

.input {
	display: inline-block;
	background: #d5d5d6;
	height: 11rem;
	width: 74rem;
	margin-left: -5.5rem;
	margin-right: -5.5rem;
	line-height: 11rem;
}

.input_5_6 {
	display: inline-block;
	background: #d5d5d6;
	height: 11rem;
	width: 84rem;
	margin-left: -5.5rem;
	margin-right: -5.5rem;
	line-height: 11rem;
}

.input_short {
	display: inline-block;
	background: #d5d5d6;
	height: 11rem;
	width: 54rem;
	margin-left: -5.5rem;
	margin-right: -5.5rem;
	line-height: 11rem;
}

.input_line-height {
	line-height: 11rem;
}

.label_value {
	line-height: 11rem;
}

.footer {
	position: fixed;
	bottom: 0rem;
	height: 16.4rem;
	background: #ffffff;
	width: 108rem;
	-webkit-border-top: solid 0.1rem #9e9e9d;
	-moz-border-top: solid 0.1rem #9e9e9d;
	border-top: solid 0.1rem #9e9e9d;
}

.menu {
	display: inline-block;
	width: 21rem;
	text-align: center;
	cursor: pointer;
}

#menu_assets {
	float: right;
}

.menu_label {
	color: #5e5e5e;
	text-align: center;
	text-decoration: none;
}

.menu_label_select {
	color: #007aff;
	text-align: center;
	text-decoration: none;
}

.menu_label_div {
	margin-top: 1rem;
	height: auto;
}

.menu_icon_div {
	height: 7rem;
	margin-top: 2rem;
}

.content_width_2_4 {
	margin-left: 2.4rem;
	margin-right: 2.4rem;
	/*word-wrap: break-word;*/
}

.content_width_5_6 {
	margin-left: 5.6rem;
	margin-right: 5.6rem;
	/*word-wrap: break-word;*/
}

.content_width_padding_4 {
	padding-left: 4rem;
	padding-right: 4rem;
	word-wrap: break-word;
}

.content_little_width {
	margin-left: 4rem;
	margin-right: 4rem;
	/*word-wrap: break-word;*/
}

.content_width {
	margin-left: 8rem;
	margin-right: 8rem;
	/*word-wrap: break-word;*/
}

.margin-right-content {
	margin-right: 8rem;
}

.content_big_width {
	margin-left: 12rem;
	margin-right: 12rem;
	word-wrap: break-word;
}

.width_84 {
	width: 84rem;
}

.width_63 {
	width: 63rem;
}

.width_24 {
	width: 24rem;
}

.content_big_width_padding {
	padding-left: 12rem;
	padding-right: 12rem;
	word-wrap: break-word;
}

.margin-top-bottom {
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.margin-top-bottom_big {
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.margin-top-6 {
	margin-top: 6rem;
}

.margin-top-8 {
	margin-top: 8rem;
}

.margin-top-6 {
	margin-top: 6rem;
}

.padding-bottom-big {
	padding-bottom: 6rem;
}

.margin-top-bottom-small {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.margin-top-little {
	margin-top: 2rem;
}

.margin-top-bottom-middle {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.margin-small-bottom {
	margin-bottom: 6rem;
}

.margin-bottom-4 {
	margin-bottom: 4rem;
}

.margin-bottom-10 {
	margin-bottom: 14rem;
}

.padding-small-bottom {
	padding-bottom: 6rem;
}

.market_data {
	background: #f0f0f8;
}

.margin-bottom-middle {
	margin-bottom: 10rem;
}

.margin-middle-bottom {
	margin-bottom: 20rem;
}

.margin-big-top {
	margin-top: 32rem;
}

.margin-bigger-top {
	margin-top: 46rem;
}

.margin-biggest-top {
	margin-top: 50rem;
}

.margin-small-top {
	padding-top: 4rem;
}

.input_circle {
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 4.3rem;
	text-decoration: none;
	font: lighter 52px Kohinoor Devanagari, sans-serif;
	font-size: 5.2rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	background: #f0f0f8;
}

input {
	background: transparent;
	-webkit-border: none;
	-moz-border: none;
	border: none;
}

.input_long {
	width: 74rem;
}

.input_middle {
	width: 47rem;
}

.input_phone {
	width: 56.6rem;
}

.sms_code_position {
	margin-right: 3rem;
}

.margin-left {
	margin-left: 12rem;
}

.margin-top {
	margin-top: 18rem;
}

.margin-top-lang {
	margin-top: 3rem;
}

.margin-top-middle {
	margin-top: 9.6rem;
}

.margin-top-8 {
	margin-top: 8rem;
}

.margin-top-left-bowl {
	margin-top: 4rem;
	margin-left: 11rem;
}

.margin-bottom {
	margin-bottom: 32rem;
}

.balance_label {
	display: inline-block;
	color: #8e8e93;
}

.balance_value {}

.balance {
	display: inline-block;
	margin-left: 0rem;
	width: 50rem;
}

.price_width {
	width: 51rem;
}

.fish_width {
	width: 42rem;
}

.inline {
	display: inline;
	float: left;
}

.inline-block {
	display: inline-block;
}

.fishchain_background {
	background: url("../images/cover_background.png") #eeeacf no-repeat;
	background-size: 108rem;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

.invite_amount {
	width: 24rem;
	height: 10rem;
}

.invite_panel {
	margin-left: 12rem;
	width: 40rem;
}

.invite_right_panel {
	display: inline;
}

.invite_panel_position {
	position: relative;
	height: 70rem;
	margin-top: 10rem;
}

.invite_panel_position1 {
	position: relative;
	height: 55rem;
	margin-top: 0rem;
}

.invite_panel_position:after {
	content: "";
	display: block;
	position: absolute;
	background: url("../images/UI_invite_bg1.jpg") no-repeat -10000px -1000px;
	width: 0;
	height: 0
}

.invite_subpanel_width {
	width: 38rem;
}

.margin-left-middle {
	margin-left: 5rem;
}

.invite_image_width {
	width: 42rem;
}

.invite_icon_height {
	height: 17rem;
}

.invite_little_icon_height {
	height: 8rem;
}

.invite_margin_top {
	margin-top: 5rem;
}

.clear {
	clear: both;
}

.withdraw_desc_width {
	width: 78rem;
}

.footer_height {
	height: 16rem;
	display: block;
}

.top {
	vertical-align: top;
}

.confirm_button_margin {
	margin-left: 5rem;
	margin-right: 5rem;
}

.tips_header {
	height: 24.6rem;
	-webkit-box-shadow: 0px 0.1rem 2rem rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 0.1rem 2rem rgba(0, 0, 0, 0.9);
	box-shadow: 0rem 0.1rem 2rem rgba(0, 0, 0, 0.9);
}

.tips_panel {
	background: #373c47;
	height: 23.6rem;
	margin-left: 1rem;
	margin-right: 1rem;
	-webkit-border-radius: 0px 0px 1.5px 1.5px;
	-moz-border-radius: 0px 0px 1.5px 1.5px;
	border-radius: 0px 0px 1.5px 1.5px;
}

.tips_content {
	display: inline-block;
	margin-left: 5rem;
	margin-top: 5rem;
	width: 72rem;
	word-wrap: break-word;
}

.tips_content_lang {
	display: inline-block;
	margin-left: 4rem;
	margin-top: 5rem;
	width: 100rem;
	word-wrap: break-word;
}

.tips_lang {
	background: rgba(0, 153, 0, 0.97);
	height: 24.6rem;
	-webkit-box-shadow: 0px 0.1rem 2rem rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 0.1rem 2rem rgba(0, 0, 0, 0.9);
	box-shadow: 0rem 0.1rem 2rem rgba(0, 0, 0, 0.9);
}

.lang_button_panel {
	position: absolute;
	max-width: 108rem;
	text-align: right;
	height: 0rem;
	left: 0rem;
	right: 0rem;
	top: 0rem;
	margin: auto;
}

.lang_button_position {
	margin-right: 6.5rem;
	margin-top: 3rem;
}

.margin_top_line {
	margin-top: 5rem;
}

.margin_top_bottom_line {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.margin_top_middle {
	margin-top: 5rem;
}

.right {
	text-align: right;
}

.right_float {
	float: right;
}

.currency_margin_left_right {
	margin-left: 1rem;
	margin-right: 1rem;
}

.tab_background {
	background: #f0f0f8;
	width: 100%;
	height: 11.6rem;
	display: inline-block;
}

.tab_width {
	width: 49.5%;
	cursor: pointer;
}

.tab_selected {
	/*width: 44rem;*/
	width: 90%;
	height: 11.6rem;
	background: #ffffff;
	line-height: 11.6rem;
	/*margin-left: 5rem;*/
	margin-left: 5%;
	margin-top: 0rem;
	-webkit-border-radius: 4.0rem 4.0rem 0 0;
	-moz-border-radius: 4.0rem 4.0rem 0 0;
	border-radius: 4.0rem 4.0rem 0 0;
	color: #007aff;
	margin-top: 0.6rem;
}

.tab_unselected {
	float: left;
	width: 53.9rem;
	height: 11.6rem;
	background: #d5d5d5;
	line-height: 10.4rem;
}

.tab_width_small {
	width: 36.6%;
	cursor: pointer;
}

.tab_width_little {
	width: 34%;
	cursor: pointer;
}

.tab_height {
	line-height: 11.6rem;
	height: 11.6rem;
	cursor: pointer;
}

.line {
	-webkit-border-top: solid 0.18rem #e1e1e9;
	-moz-border-top: solid 0.18rem #e1e1e9;
	border-top: solid 0.18rem #e1e1e9;
}

.history_title_width {
	width: 20rem;
}

.history_background {
	background: #f0f0f8;
	padding-top: 8rem;
	padding-bottom: 10rem;
}

.history_content_width {
	width: 70rem;
	word-wrap: break-word;
}

.margin-top-normal {
	margin-top: 5rem;
}

.margin-top-normal2 {
	margin-top: 7rem;
}

.margin-top-big {
	margin-top: 10rem;
}

.margin-top-spin {
	margin-top: -2rem;
}

.margin-top-spin1 {
	margin-top: 11rem;
}

.right_content_position {
	position: absolute;
	right: 8rem;
	display: inline-block;
}

h1 {
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.float-left {
	float: left;
}

.margin-left-right {
	margin-left: 1rem;
	margin-right: 1rem;
}

.margin-left-smaller {
	margin-left: 1rem;
}

.margin-right-smaller {
	margin-right: 1rem;
}

.currency_title_width {
	width: 33rem;
	height: 10rem;
	line-height: 10rem;
}

.margin-top-small {
	margin-top: 3rem;
}

.padding-top-small {
	padding-top: 3rem;
}

.margin-top-smaller {
	margin-top: 1rem;
}

.margin-bottom-small {
	margin-bottom: 2rem;
}

.margin-left-right-small {
	margin-left: 2rem;
	margin-right: 2rem;
}

.margin-left-small {
	margin-left: 2rem;
}

.margin-left-small2 {
	margin-left: 1.8rem;
}

.margin-left-small3 {
	margin-left: 3rem;
}

.currency_big_gray_font_line_height {
	line-height: 8.2rem;
}

.username_position {
	margin-left: 27rem;
	padding-top: 0rem;
}

.username_button_position {
	margin-left: 27rem;
	margin-top: 2.5rem;
}

.new_username_button_position {
	margin-left: 27rem;
	margin-top: 2.5rem;
}

.trade_title_width {
	width: 20rem;
}

.order_title_width {
	width: 20rem;
}

.order_left_width {
	width: 20rem;
}

.order_middle_width {
	width: 40rem;
}

.trade_panel_position {
	margin-top: 2rem;
	width: 48rem;
}

.icon_fishtank_width {
	width: 10.0rem;
}

.icon_exchange_width {
	width: 10.0rem;
}

.icon_assets_width {
	width: 10.0rem;
}

input[type=checkbox] {
	visibility: hidden;
}

.checkbox {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 100%;
	position: relative;
	-webkit-box-shadow: 0px 0.1rem 0.3rem rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 0.1rem 0.3rem rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0.1rem 0.3rem rgba(0, 0, 0, 0.9);
	-webkit-border: solid 0.1rem #e3e4e7;
	-moz-border: solid 0.1rem #e3e4e7;
	border: solid 0.1rem #e3e4e7;
	display: inline-block;
	vertical-align: top;
	margin-top: 1rem;
}

.checkbox label {
	display: block;
	width: 3rem;
	height: 3rem;
	border-radius: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 1;
}

.checkbox input[type=checkbox]:checked+label {
	background: #007aff;
}

.hidden {
	display: none;
}

.content_title_position {
	margin-top: 15rem;
}

.bid_panel_position {
	margin-top: 7rem;
	margin-left: 6rem;
}

.bid_panel_title_position {
	height: auto;
	margin-left: 4rem;
	margin-top: 3rem;
}

.bid_button_position {
	margin-left: 1rem;
	margin-top: 1rem;
	vertical-align: top;
}

.gold_fishbowl_height {
	height: 97rem;
}

.auction_fishbowl_height {
	height: 93rem;
	margin-top: 4rem;
}

.presale_desc_position {
	margin-left: 30rem;
	margin-right: 30rem;
	line-height: 6rem;
}

.myfishbowl_width {
	width: 118.8rem;
	margin-left: -5.4rem;
}

.fishbowl_width {
	width: 108rem;
}

.absolute {
	position: absolute;
}

.bid_panel_inner_left {
	margin-left: 3rem;
}

.message_box {
	position: fixed;
	left: 0rem;
	right: 0rem;
	top: 0rem;
	bottom: 0rem;
	width: 100%;
	margin: auto;
	max-width: 108rem;
	background-color: rgba(235, 237, 247, 0.6);
	overflow-y: auto;
	z-index: 1;
}

.tips_box {
	position: fixed;
	left: 0rem;
	right: 0rem;
	top: 0rem;
	bottom: 0rem;
	width: 100%;
	margin: auto;
	max-width: 108rem;
	height: auto;
	z-index: 1;
}

.close_button {
	position: fixed;
	top: 0rem;
	right: 0rem;
	left: 0rem;
	width: auto;
	height: 0rem;
	margin: 0 auto;
	text-align: right;
	max-width: 108rem;
	z-index: 1;
}

.close_button_position {
	margin-top: 2rem;
	margin-right: 2rem;
	cursor: pointer;
}

.confirmbox_position {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.fishbowl_sellout_position {
	height: 11rem;
	margin-top: 30rem;
}

.fishbowl_sellout_desc_position {
	height: 11rem;
	margin-top: 30rem;
}

.agreement_div_panel {
	height: auto;
}

.agreement_textarea_panel {
	width: 100%;
	height: 100%;
	-webkit-border: none;
	-moz-border: none;
	border: none;
	background: transparent;
	margin-bottom: 8rem;
}

.close_icon_height {
	height: 9.6rem;
}

.input_error_panel {
	position: absolute;
	height: 5rem;
}

.help_image_width {
	max-width: 92rem;
}

.create_monster_image {
	max-width: 46rem;
	background: url("../images/ground2.gif");
	background-size: 100% 100%;
	width: 46rem;
	height: 46rem;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.create_monster_button {
	max-width: 24rem;
	background: url("../images/create_monster_button.png");
	background-size: 100% 100%;
	width: 24rem;
	height: 24rem;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
}

.create_monster_text {
	margin-top: 70%;
}

.nav_background {
	max-width: 92rem;
	background: url("../images/nav_background.png");
	background-size: 100% 100%;
	width: 92rem;
	height: 92rem;
	top: 5rem;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.zero_height {
	height: 0rem;
}

.help_bottom_height {
	height: 6rem;
}

.current_price_position {
	margin-left: 2rem;
}

.totla_price_panel {
	width: 58rem;
}

.input_currency_width {
	width: 45rem;
	text-align: right;
	padding: 0;
}

.input_bid_currency_width {
	width: 33rem;
	text-align: right;
	padding: 0;
}

.buy_fishcoin_position {
	margin-top: -3rem;
}

.bowl_panel_text {
	position: relative;
	z-index: 1;
}

.width_height_100 {
	width: 100%;
	height: 100%;
}

.width_height_fish_cell {
	width: 125%;
	height: 125%;
	margin-left: -12.5%;
	margin-top: -10%;
}

.width_height_fish {
	width: 125%;
	height: 125%;
	margin-left: -12.5%;
	margin-top: -1%;
}

.turntable-bg {
	margin: 0 auto;
	position: relative;
	width: 108rem;
	height: 87rem;
}

.turntable-bg .mask {
	width: 45.4rem;
	height: 45.1rem;
	position: absolute;
	left: 0rem;
	top: 23rem;
	bottom: 0rem;
	background: url("../images/activity_spin_1.png");
	background-size: cover;
	right: 0rem;
	margin: 0 auto;
}

.turntable-bg .pointer {
	width: 17.4rem;
	height: 22.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9.4rem;
	margin-top: -13.0rem;
	z-index: 8;
}

.turntable-bg .rotate {
	width: 95.0rem;
	height: 95.0rem;
	position: absolute;
	left: 0rem;
	top: -2rem;
	right: 0rem;
	margin: 0 auto;
	bottom: 0rem;
}

.turntable-light {
	padding-top: 49.2rem;
	position: absolute;
	margin: 0 auto;
	left: 0rem;
	right: 0rem;
	width: 35.9rem;
}

.pointer {
	width: 17.4rem;
	height: 22.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9.4rem;
	margin-top: -13.0rem;
	z-index: 8;
}

.rotate img {
	width: 95rem;
	height: 95rem;
}

.pointer img {
	width: 17.4rem;
	height: 22.8rem;
}

.relative {
	position: relative;
}

.margin_top_roulette_button {
	margin-top: 5rem;
	position: relative;
}

.button_activity_position {
	height: 9rem;
	width: 19.2rem;
	display: inline-block;
	margin-left: 0rem;
	cursor: pointer;
	right: 3.4rem;
	position: absolute;
	margin-top: 1.3rem;
}

.button_activity_red_position {
	margin-left: 0rem;
	right: 1rem;
	position: absolute;
	margin-top: 0rem;
}

.button_activity_small_red_position {
	margin-left: 0rem;
	right: 3rem;
	position: absolute;
	margin-top: 1rem;
}

.market_red_position {
	margin-left: 0rem;
	right: 62rem;
	position: absolute;
	margin-top: 1rem;
}

.invite_red_position {
	margin-left: 0rem;
	right: 18rem;
	position: absolute;
	margin-top: 2rem;
}

.roulette_background {
	background: url(../images/activity_bg2.jpg);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}

.roulette_minus_tips {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	margin-top: -7rem;
}

.activity_btn_arrow_position {
	position: absolute;
	width: 12.7rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.activity_btn_spin_position {
	position: absolute;
	width: 33.9rem;
}

.button_roulette_position {
	position: absolute;
	width: 33.9rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -6.1rem;
	cursor: pointer;
}

.button_roulette_ok_position {
	position: absolute;
	width: 33.9rem;
	height: 37.4rem;
	line-height: 37.4rem;
}

.button_roulette_panel {
	position: absolute;
	width: 33.9rem;
	height: 37.4rem;
}

.button_roulette_price_panel {
	width: 100%;
	height: 10rem;
}

.button_roulette_price_position {
	line-height: 20rem;
	height: 20rem;
}

.fishcoin_little {
	height: 4.5rem;
	margin-top: 7.75rem;
}

.fishcoin_height {
	height: 6.0rem;
}

.fishcoin_little_height {
	height: 5.5rem;
}

.roulette_result_fishcoin {
	width: 0%;
	height: 0%;
	margin: 0 auto;
	padding-top: 10rem;
}

.roulette_result_fishcoin_panel {
	text-align: center;
	padding-top: 13rem;
}

.roulette_result_fishcoin_amount {
	margin-right: 3rem;
}

.roulette_result_fishbowl {
	width: 0%;
	height: 0%;
	margin: 0 auto;
}

.activity_bg1_position {
	position: absolute;
	width: 95.8rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.roulette_x_button {
	position: absolute;
	width: 12.8rem;
	left: 13.8rem;
	top: 6.2rem;
	cursor: pointer;
	line-height: 12.8rem;
}

.activity_btn_xx_position {
	position: absolute;
	width: 12.8rem;
}

.activity_btn_xx_text_position {
	position: absolute;
	width: 100%;
	text-align: center;
}

.roulette_limit_position {
	position: absolute;
	left: 70rem;
	margin-top: 6rem;
}

.roulette_freecount_position {
	position: absolute;
	left: 20rem;
	margin-top: 6rem;
}

.roulette_remain_position {
	position: absolute;
	left: 14rem;
	margin-top: 6rem;
}

.roulette_limit_amount_position {
	line-height: 25.2rem;
	margin-left: 1rem;
}

.panel_fishcoin_result {
	width: 20.3rem;
	height: 34.2rem;
	margin: 0 auto;
}

.panel_fishbowl_result {
	width: 108rem;
	height: 95.5rem;
	margin: 0 auto;
}

.fishbowl_market_cell_panel {
	width: 46.9rem;
	height: 46.9rem;
	border-radius: 5.8rem;
	position: relative;
	margin: 1.5rem;
}

.fishbowl_market_cell_image {
	position: absolute;
	width: 100%;
	padding-top: 4rem;
	overflow-x: hidden;
	overflow-y: auto;
}

.fishbowl_market_cell_text {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}

.fishbowl_market_cell_id {
	margin-top: 11.5rem;
	margin-bottom: -1rem;
}

.fishbowl_market_bottom_height {
	height: 4.5rem;
}

.fishbowl_cell_color_1 {
	background: #e7f6ff;
}

.fishbowl_cell_color_2 {
	background: #e5fee3;
}

.fishbowl_cell_color_3 {
	background: #fee8e3;
}

.fishbowl_cell_color_4 {
	background: #fde3fe;
}

.fishbowl_cell_color_5 {
	background: #e5d7f5;
}

.fishbowl_cell_color_11 {
	background: #eeeef2;
}

.fishbowl_cell_color_1001,
.fishbowl_cell_color_100,
.fishbowl_cell_color_101,
.fishbowl_cell_color_102,
.fishbowl_cell_color_103,
.fishbowl_cell_color_104,
.fishbowl_cell_color_105,
.fishbowl_cell_color_106,
.fishbowl_cell_color_107,
.fishbowl_cell_color_108,
.fishbowl_cell_color_109,
.fishbowl_cell_color_110,
.fishbowl_cell_color_111,
.fishbowl_cell_color_112,
.fishbowl_cell_color_113,
.fishbowl_cell_color_114,
.fishbowl_cell_color_115,
.fishbowl_cell_color_116,
.fishbowl_cell_color_117,
.fishbowl_cell_color_118,
.fishbowl_cell_color_119,
.fishbowl_cell_color_120,
.fishbowl_cell_color_121,
.fishbowl_cell_color_122,
.fishbowl_cell_color_123,
.fishbowl_cell_color_124,
.fishbowl_cell_color_125,
.fishbowl_cell_color_126,
.fishbowl_cell_color_127,
.fishbowl_cell_color_128,
.fishbowl_cell_color_129,
.fishbowl_cell_color_130,
.fishbowl_cell_color_131,
.fishbowl_cell_color_132 {
	background: #fefed5;
}

.fishbowl_buy_button_position {
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: 12.8rem;
}

.left {
	text-align: left;
}

.fishbowl_cancel_countdown_position {
	margin-bottom: 0rem;
}

.fishbowl_cancel_button_position {
	margin-top: 5.5rem;
}

.fishbowl_cancel_button_countdown_position {
	margin-top: 0rem;
}

.fishbowl_cancel_button_panel {
	float: right;
	width: 22.7rem;
	text-align: center;
}

.invite_code canvas {
	width: 26rem;
	height: 26rem;
}

.invite_code_panel {
	width: 108rem;
	height: 160rem;
}

.margin-top-invite {
	margin-top: 73rem;
}

.invite_code {}

.invite_desc_panel {
	margin-left: 30rem;
	margin-right: 30rem;
}

.invite_fish_width {
	width: 10rem;
}

.invite_fish_white_width {
	width: 4rem;
}

.invite_qrcode_panel {
	height: 38rem;
	margin-top: 0rem;
}

.invite_qrcode_border {
	left: 6rem;
	width: 30rem;
	height: 30rem;
	background: #ffffff;
	top: 5rem;
}

.invite_qrcode_canvas {
	left: 8rem;
	top: 7rem;
}

.content_invite_width {
	margin-left: 12rem;
	margin-right: 16rem;
}

.margin-top-invite-code {
	margin-top: 2rem;
}

.invite_down_panel {
	margin-top: 98rem;
	width: 100%;
}

.invite_margin_top_down {
	margin-top: 8rem;
}

.top0 {
	top: 0rem;
}

.content_bold_line_height {
	line-height: 5rem;
}


/*
.panel_invite_qrcode {
    background: url(../img/UI_invite_bg.jpg) #0073ff;
    background-size: 108rem;
    background-repeat: no-repeat;
    border: none;
}
*/

.panel_invite_qrcode {
	background: #052148;
}

.panel_invite_group_desc {
	margin-top: -2rem;
	margin-bottom: -2rem;
}

.panel_invite_bottom {
	height: 5rem;
}

.firefox_margin {
	height: 2rem;
}

.sort_text_position {
	height: 8.6rem;
	line-height: 8.6rem;
	margin-top: -1rem;
}

.sort_image_position {
	height: 5.2rem;
	margin-top: -2rem;
	width: 2.4rem;
}

.new_sort_text_position {
	height: 9.2rem;
	line-height: 9.2rem;
	margin-top: 0rem;
}

.new_sort_image_position {
	height: 4.8rem;
	margin-top: 0rem;
	width: 4.8rem;
	margin-left: -1rem;
}

.recording_position {
	float: right;
	margin-right: 5.5rem;
	margin-top: 0rem;
}

.recording_position_tab {
	float: right;
	margin-right: 5.5rem;
	margin-top: 1.5rem;
}

.leaderboard_position_tab {
	float: right;
	margin-right: 5.5rem;
	margin-top: 3rem;
}

.leaderboard_date_position_tab {
	float: right;
	margin-right: 8rem;
	margin-top: 3rem;
}

.market_data_arrow {
	left: 0rem;
	top: 13.6rem;
	width: 9.6rem;
}

.fishbowl_record_cell_panel {
	width: 27rem;
	height: 27rem;
	border-radius: 5.8rem;
	position: relative;
	margin: 1.5rem;
}

.fishbowl_record_bottom_panel {
	height: 5rem;
	margin-top: 22rem;
	border-radius: 0 0 5.8rem 5.8rem;
}

.fishbowl_record_color_sell {
	background: #cc0000;
}

.fishbowl_record_color_buy {
	background: #009400;
}

.fishbowl_record_title {
	width: 14rem;
	margin-left: 4rem;
}

.fish_record_title {
	width: 14rem;
	margin-left: 4rem;
}

.fishbowl_little_width {
	width: 10.8rem;
	height: 9.6rem;
}

.width_height_120 {
	height: 140%;
	margin-top: -20%;
	margin-left: -20%;
}

.fishbowl_market_announce {
	background: #ffffff;
	height: 9.6rem;
	line-height: 9.6rem;
	overflow: hidden;
}

.overflow-hidden {
	overflow: hidden;
}

.announce_bottom {
	background: #f0f0f8;
}

.chat_icon {
	position: fixed;
	width: 15.8rem;
	height: 15.8rem;
	cursor: pointer;
	right: 0;
	bottom: 16.4rem;
	display: block;
	z-index: 0;
}

.gitter-chat-embed {
	z-index: 999;
}

.wechat_code_size {
	width: 80rem;
	height: 80rem;
}

.wechat_icon_size {
	width: 9.2rem;
	height: 9.2rem;
	cursor: pointer;
}

.wechat_icon_position {
	margin-bottom: -0.9rem;
}

.padding-top-normal {
	padding-top: 10rem;
}

.padding-top-normal5 {
	padding-top: 5rem;
}

.roulette_help {
	position: absolute;
	right: 9rem;
	top: 6rem;
}

.margin-top-fish-price {
	margin-top: 42rem;
}

.margin-top-buy-fish-price {
	margin-top: 42.9rem;
}

.fish_cell_shadow_other {
	box-shadow: 0px 0px 3rem #007aff33;
}

.fish_cell_color_white {
	border: 0.2rem solid #ffffff;
}

.fish_cell_color_1 {
	border: 0.6rem solid #999999;
}

.fish_cell_color_2 {
	border: 0.6rem solid #009900;
}

.fish_cell_color_3 {
	border: 0.6rem solid #9933ff;
}

.fish_cell_color_4 {
	border: 0.6rem solid #ff9900;
}

.fish_cell_shadow_1 {
	box-shadow: 0px 0px 3rem #007aff33;
}

.fish_cell_shadow_2 {
	box-shadow: 0px 0px 3rem #00990033;
}

.fish_cell_shadow_3 {
	box-shadow: 0px 0px 3rem #9900ff33;
}

.fish_cell_shadow_4 {
	box-shadow: 0px 0px 3rem #ff990033;
}

.fish_id_color_1 {
	background-color: #999999;
}

.fish_id_color_2 {
	background-color: #009900;
}

.fish_id_color_3 {
	background-color: #9933ff;
}

.fish_id_color_4 {
	background-color: #ff9900;
}

.fish_rarity_color_1 {
	color: #999999;
}

.fish_rarity_color_2 {
	color: #009900;
}

.fish_rarity_color_3 {
	color: #9933ff;
}

.fish_rarity_color_4 {
	color: #ff9900;
}

.fish_cell_background_1 {
	background-color: #daffe2;
}

.fish_cell_background_2 {
	background-color: #d7f5fd;
}

.fish_cell_background_3 {
	background-color: #ffe7e7;
}

.fish_cell_background_4 {
	background-color: #e5d7f5;
}

.fish_cell_background_5 {
	background-color: #ffdaf9;
}

.fish_cell_background_6 {
	background-color: #c3bece;
}

.fish_cell_background_7 {
	background-color: #d2d1de;
}

.fish_cell_background_8 {
	background-color: #fef8c8;
}

.click {
	cursor: pointer;
}

.fish_market_cell_panel {
	width: 46.9rem;
	height: 58.4rem;
	position: relative;
	margin: 1.5rem;
	border-radius: 4.5rem;
	box-sizing: border-box;
}

.fish_market_cell_image {
	position: absolute;
	width: 100%;
	margin-top: 0rem;
}

.fish_leaderboard_cell_image {
	height: 22rem;
	position: absolute;
	margin-left: 10rem;
	width: 22rem;
}

.fishbowl_leaderboard_cell_image {
	height: 22rem;
	position: absolute;
	margin-left: 10rem;
	width: 24.8rem;
}

.buy_fish_image_border {
	position: absolute;
	width: 46.9rem;
	height: 58.4rem;
	border-radius: 4.5rem;
	box-sizing: border-box;
}

.buy_fish_text_panel {
	background: #007aff;
	margin-left: 0rem;
	margin-right: 0rem;
	border-radius: 0 0 4.5rem 4.5rem;
	padding-left: 4rem;
	padding-right: 4rem;
	height: 8rem;
	line-height: 8rem;
}

.cp_icon_size {
	width: 5.2rem;
	height: 5.2rem;
}

.cp_icon_middle_size {
	width: 7rem;
	height: 7rem;
}

.cp_icon_big_size {
	width: 10rem;
	height: 10rem;
}

.cp_line_height {
	height: 5.6rem;
	line-height: 5.6rem;
}

.fish_id_panel {
	min-width: 10rem;
	padding-left: 3.5rem;
	padding-right: 5rem;
	height: 7rem;
	border-radius: 3.5rem 3.5rem 3.5rem 0rem;
	display: inline-block;
	line-height: 7rem;
	margin-left: 0rem;
	margin-top: 0rem;
}

.fish_buy_cp_panel {
	min-width: 10rem;
	padding-left: 1.5rem;
	padding-right: 5rem;
	height: 7rem;
	border-radius: 3.5rem 3.5rem 3.5rem 0rem;
	display: inline-block;
	line-height: 7rem;
	margin-left: 0rem;
	margin-top: 0.5rem;
}

.auction_fish_width {
	width: 96.6rem;
}

.fish_sold_position {
	height: 10%;
	margin-top: 0rem;
}

.fish_sold_amount_position {
	height: 10%;
	margin-top: -1rem;
	margin-bottom: 2rem;
}

.fish_sell_panel {
	margin-left: 59rem;
	padding-left: 8rem;
}

.fish_sellout_panel {
	margin-top: 23rem;
}

.fish_auction_panel {
	position: relative;
	height: 56.6rem;
	margin-top: 3rem;
}

.fish_bid_panel_position {
	margin-top: 2rem;
	margin-left: 6rem;
}

.fish_auction_sellout_panel {
	margin-top: 20rem;
}

.fish_auction_countdown_height {
	line-height: 11rem;
}

.fish_id_position {
	height: 7rem;
	margin-top: 0rem;
	line-height: 7rem;
}

.fish_id_value_position {
	height: 10%;
	margin-top: 5rem;
}

.fish_countdown_position {
	height: 13rem;
	margin-top: 36rem;
	line-height: 13rem;
}

.float-right {
	float: right;
}

.cp_icon_position {
	margin-top: 1rem;
}

.buy_fish_panel {
	padding-top: 4rem;
	padding-left: 4rem;
	height: 64rem;
	padding-right: 4rem;
	padding-bottom: 4rem;
}

.buy_fish_image_position {
	position: absolute;
	width: 93.8rem;
	height: 64rem;
	border-radius: 4.5rem;
	box-sizing: border-box;
}

.buy_fish_text_position {
	position: absolute;
	height: 64rem;
	width: 100rem;
	border-radius: 4.5rem;
}

.fish_info_text_panel {
	margin-top: 5.6rem;
	background: #ffffff;
	margin-left: 0.8rem;
	margin-right: 0.8rem;
	border-radius: 0 0 4rem 4rem;
	padding-left: 4rem;
	padding-right: 4rem;
	height: 8rem;
	line-height: 8rem;
}

.fish_size {
	width: 45rem;
	height: 45rem;
	margin: 0 auto;
}

.fish_normal_width {
	width: 56.2rem;
}

.fish_auction_canvas canvas {
	width: 51.2rem;
	height: 51.2rem;
}

.fishid_width {
	width: 30rem;
}

.grady_width {
	width: 20rem;
}

.birthday_width {
	width: 25rem;
}

.fish_gene_title_width {
	width: 18rem;
}

.fish_gene_value_width {
	width: 24rem;
	margin-left: 8rem;
}

.fish_gene_power_width {
	width: 10rem;
	text-align: right;
}

.half_width {
	width: 42rem;
}

.market_data_left_width {
	width: 42rem;
}

.new_market_data_left_width {
	width: 44rem;
}

.bar_height {
	height: 3.6rem;
}

.bar_border_panel {
	width: 96.8rem;
}

.bar_panel {
	width: 96.0rem;
	margin-top: 0.4rem;
	margin-left: 0.4rem;
}

.sale_icon {
	position: absolute;
	left: 2rem;
	top: 3rem;
	width: 4.1rem;
}

.sale_icon {
	-webkit-animation: go 1s ease-in-out alternate infinite;
	-moz-animation: go 1s ease-in-out alternate infinite;
	animation: go 1s ease-in-out alternate infinite;
}

a {
	cursor: pointer;
}

@keyframes go {
	0% {
		-webkit-transform: rotate(15deg);
		-webkit-transform-origin: top center;
		-moz-transform: rotate(15deg);
		-moz-transform-origin: top center;
		transform: rotate(15deg);
		transform-origin: top center;
	}
	100% {
		-webkit-transform: rotate(-15deg);
		-webkit-transform-origin: top center;
		-moz-transform: rotate(-15deg);
		-moz-transform-origin: top center;
		transform: rotate(-15deg);
		transform-origin: top center;
	}
}

.icon_share {
	position: absolute;
	right: 0rem;
	cursor: pointer;
	width: 9rem;
}

.market_list_cell_panel {
	width: 100%;
	height: 19rem;
	position: relative;
}

.market_grid_cell_panel {
	width: 48.0rem;
	height: 62.4rem;
	position: relative;
	margin: 2.4rem;
	border-radius: 4.5rem;
	box-sizing: border-box;
}

.market_grid_cell_border,
.market_grid_cell_background {
	position: absolute;
	width: 48rem;
	height: 62.4rem;
	border-radius: 4.5rem;
	box-sizing: border-box;
}

.market_grid_cell_background {}

.market_grid_power_panel {
	background: rgba(200, 200, 200, 0.5);
	margin-left: 0rem;
	margin-right: 0rem;
	height: 4.8rem;
	margin-top: 43.2rem;
	padding-left: 4rem;
	padding-right: 4rem;
}

.market_grid_other_power_panel {
	margin-left: 0rem;
	margin-right: 0rem;
	height: 4.8rem;
	margin-top: 43.2rem;
	padding-left: 4rem;
	padding-right: 4rem;
}

.market_grid_text_panel {
	background: #ffffff;
	margin-left: 0rem;
	margin-right: 0rem;
	border-radius: 0 0 4.5rem 4.5rem;
	padding-left: 4rem;
	padding-right: 4rem;
	height: 14.5rem;
}

.market_grid_cell_image {
	position: absolute;
	width: 100%;
	padding-top: 4rem;
	overflow-x: hidden;
	overflow-y: auto;
}

.market_list_cell_image {
	width: 18rem;
	height: 18rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	overflow-x: hidden;
	overflow-y: hidden;
	display: inline-block;
	border-radius: 4.3rem;
	box-sizing: border-box;
}

.market_list_cell_text {
	width: 20rem;
	height: 100%;
	display: inline-block;
	margin-left: 2rem;
}

.market_list_cell_gene {
	width: 30rem;
	height: 100%;
	display: inline-block;
	margin-left: 0rem;
}

.market_grid_cell_price {
	padding-bottom: 2.5rem;
}

.cp_icon_small_size {
	width: 3rem;
	height: 3rem;
}

.margin-top-4 {
	margin-top: 4rem;
}

.margin-top-5 {
	margin-top: 5rem;
}

.margin-left-20 {
	margin-left: 20rem;
}

.price_text_position {
	height: 8.6rem;
	line-height: 8.6rem;
	margin-top: -1rem;
}

.price_image_position {
	height: 4.0rem;
	margin-top: -4.6rem;
	width: 2.46rem;
}

.filter_text_position {
	height: 4.6rem;
	line-height: 4.6rem;
	margin-top: -1rem;
}

.filter_image_position {
	height: 2.8rem;
	margin-top: 0rem;
	width: 2.8rem;
}

.gene_icon_height {
	height: 2.6rem;
}

.market_title_height {
	height: 9.2rem;
}

.market_title_panel {
	height: 9.2rem;
	line-height: 9.2rem;
}

.market_filter_height {
	height: 12rem;
	line-height: 12rem;
}

.market_select_height {
	height: 3.2rem;
}

.market_leaderboard {
	height: 6.4rem;
}

.fishcoin_height_96 {
	height: 7.5rem;
}

.fishcoin_height_48 {
	height: 3.8rem;
	margin-top: -1rem;
}

.margin-top--2 {
	margin-top: -2rem;
}

.power_height_36 {
	height: 3.0rem;
	margin-top: 0rem;
}

.item_info_height {
	height: 72rem;
}

.fishbowl_info_height {
	height: 80rem;
}

.power_height_72 {
	height: 6rem;
}

.power_height_48 {
	height: 3.8rem;
	margin-top: 0.1rem;
}

.fish_gene_rarity_width {
	width: 12rem;
	text-align: center;
}

.fish_gene_rarity_height {
	height: 4.0rem;
}

.fish_gene_suit_height {
	height: 4.0rem;
}

.fish_gene_suit_title_width {
	width: 19rem;
	text-align: right;
}

.fish_gene_power_title_width {
	width: 14rem;
	text-align: right;
}

.fish_gene_suit_width {
	width: 12rem;
	text-align: center;
	margin-top: 0.7rem;
}

.fish_gene_suit_width_title {
	width: 12rem;
	text-align: center;
}

.verify-bar-area {
	width: 82.6rem;
	height: 8.6rem;
	display: inline-block;
	position: relative;
	text-align: left;
	text-decoration: none;
	line-height: normal;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	background: #e3e4e7;
}

.verify-left-bar {
	width: 4.3rem;
	height: 8.6rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem 0 0 4.3rem;
}

.verify-move-block {
	border-radius: 50%;
	border: 0.1rem solid #007aff;
	width: 8.6rem;
	height: 8.6rem;
}

.verify-bar-area .verify-move-block .verify-icon {
	font-size: 3.0rem;
	color: #007aff;
}

.verify-bar-area .verify-move-block .verify-sub-block {
	position: absolute;
	text-align: center;
	z-index: 3;
	border: 0.1rem solid #fff;
}

.verify-bar-area .verify-msg {
	z-index: 3;
}

.verify-bar-area {
	position: relative;
	text-align: center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 0.1rem solid #007aff;
}

.verify-bar-area .verify-move-block {
	position: absolute;
	top: 0rem;
	left: 0;
	background: #fff;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.verify-bar-area .verify-left-bar {
	position: absolute;
	top: -0.1rem;
	left: -0.1rem;
	background: #e0f2fc;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 0.1rem solid #007aff;
}

.leaderboard_no_panel {
	border-radius: 0 4.5rem 4.5rem 0;
	width: 11rem;
	height: 9rem;
	position: absolute;
}

.leaderboard_no_color_1 {
	background: #007aff;
}

.leaderboard_no_color_2 {
	background: #8e8e93;
}

.leaderboard_cell_color_0 {
	background: #eeeef2;
}

.leaderboard_cell_color_1 {
	background: #ffffff;
}

.leaderboard_cell_panel {
	height: 22rem;
}

.leaderboard_cell_image_height {
	height: 22rem;
}

.leaderboard_fish_cell_left {
	margin-left: 34rem;
}

.leaderboard_fishbowl_cell_left {
	margin-left: 40rem;
}

.volume_width {
	width: 16rem;
}

.new_volume_width {
	width: 20rem;
}

.appstore_width {
	width: 32rem;
}

.line_big_gray {
	height: 1rem;
	background: #e1e1e9;
}

.input_filter {
	width: 33.4rem;
}

.filter_panel {
	width: 96rem;
	height: 100%;
	background: #ffffff;
	overflow-y: auto;
}

.margin-top--1 {
	margin-top: -1rem;
}

.margin-left-0_5 {
	margin-left: 0.5rem;
}

.margin-top-0_5 {
	margin-top: 0.5rem;
}

.margin-top-0_8 {
	margin-top: 0.8rem;
}

.line-height-4_8 {
	line-height: 4.8rem;
}

.padding-top-1 {
	padding-top: 1rem;
}

.line-height-25_2 {
	line-height: 25.2rem;
}

.content_width_padding_5_6 {
	padding-left: 5.6rem;
	padding-right: 5.6rem;
}

.language_size {
	height: 6.8rem;
}

.margin-top-5_6 {
	margin-top: 5.6rem;
}

.my_header_panel {
	height: 35.2rem;
	background: #f0f0f8;
}

.my_header_low_panel {
	height: 25.2rem;
	background: #f0f0f8;
}

.assets_button_size {
	height: 46.8rem;
}

.assets_button_text {
	width: 44rem;
	margin-top: -17rem;
}

.menu_icon_size {
	height: 6.4rem;
}

.height_8_8 {
	height: 8.8rem;
}

.my_menu_mask_panel {
	background: #66666633;
	width: 100%;
	height: 100%;
	bottom: 16.4rem;
}

.my_menu_panel {
	width: 108rem;
	bottom: 16.4rem;
}

.menu_item {
	height: 16rem;
	line-height: 16rem;
	background: #ffffff;
}

.menu_item_selected {
	height: 16rem;
	top: 0rem;
	right: 5.6rem;
}

.my_currency_header_panel {
	height: 40rem;
	background: #f0f0f8;
}

.my_currency_panel {
	height: 31.6rem;
	background: #ffffff;
}

.height_4_8 {
	height: 4.8rem;
}

.height_6_4 {
	height: 6.4rem;
}

.padding-bottom-3 {
	padding-bottom: 3rem;
}

.exchange_market_header {
	height: 19.6rem;
	background: #ffffff;
}

.stock_panel {
	height: 124rem;
	background: #eeeef2;
}

.stock_width {
	width: 78rem;
}

.stock_direction_width {
	width: 18rem;
}

.stock_amount_width {
	width: 25rem;
}

.stock_price_width {
	width: 25rem;
}

.stock_button_panel {
	bottom: 16.4rem;
	height: 11.6rem;
	line-height: 11.6rem;
	background: #eeeef2;
	width: 108rem;
	position: fixed;
}

.fixed {
	position: fixed;
}

.content_width_1_2 {
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}

.content_width_padding_2_4 {
	padding-left: 2.4rem;
	padding-right: 2.4rem;
}

.content_width_padding_left_2_4 {
	padding-left: 2.4rem;
}

.width_100 {
	width: 100%;
}

.input_stock {
	height: 8.6rem;
	display: inline-block;
	position: relative;
	padding: 0rem 4.3rem;
	text-decoration: none;
	font: 400 52px Kohinoor Devanagari, sans-serif;
	font-size: 5.2rem;
	-webkit-border-radius: 4.3rem;
	-moz-border-radius: 4.3rem;
	border-radius: 4.3rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8.6rem;
	width: 41.0rem;
	box-sizing: border-box;
}

.circle_stock {
	width: 8rem;
	height: 8rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	font: 300 78px Avenir Next Condensed, sans-serif;
	font-size: 7.8rem;
	font-weight: 100;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 8rem;
	background: #ffffff;
	vertical-align: top;
	cursor: pointer;
}

.buy_input {
	border: 0.2rem solid #00990033;
	background: #e5fee5;
}

.sell_input {
	border: 0.2rem solid #cc000033;
	background: #fae5e5;
}

.buy_circle {
	border: 0.2rem solid #00990033;
	background: #ffffff;
	color: #009900;
}

.sell_circle {
	border: 0.2rem solid #cc000033;
	background: #ffffff;
	color: #cc0000;
}

.stock_title_width {
	width: 46.4rem;
}

.stock_button_left_width {
	width: 65.6rem;
}

.margin-right-2 {
	margin-right: 2rem;
}

.margin-right-3 {
	margin-right: 3rem;
}

.margin-right-5 {
	margin-right: 5rem;
}

.margin-top--0_8 {
	margin-top: -0.8rem;
}

.margin-left--2 {
	margin-left: -2rem;
}

.margin-right--2 {
	margin-right: -2rem;
}

.stock_percent_panel {
	height: 2.4rem;
	width: 56rem;
	margin-top: 2rem;
	margin-left: 2rem;
	background: #eeeef2;
	margin-right: 2rem;
}

.stock_percent {
	margin-top: 2rem;
	margin-left: 2rem;
	margin-right: 2rem;
}

.stock_percent_text_panel {
	height: 2.4rem;
	width: 56rem;
	margin-top: 1rem;
	margin-left: 2rem;
	margin-right: 2rem;
}

.margin-left-percent {
	margin-left: 9.6rem;
}

.margin-left-percent-text1 {
	margin-left: 9.0rem;
}

.margin-left-percent-text2 {
	margin-left: 8.0rem;
}

.margin-left-percent-text3 {
	margin-left: 8.0rem;
}

.margin-left-percent-text4 {
	margin-left: 0.0rem;
}

.circle_percent {
	width: 4rem;
	height: 4rem;
	display: inline-block;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 4rem;
	background: #ffffff;
	vertical-align: top;
	box-sizing: border-box;
	cursor: pointer;
}

.border_percent_gray {
	border: 0.2rem solid #eeeef2;
	background: #ffffff;
}

.border_percent_buy {
	border: 0.2rem solid #009900;
	background: #ffffff;
}

.border_percent_sell {
	border: 0.2rem solid #cc0000;
	background: #ffffff;
}

.button_stock {
	width: 40rem;
	height: 13.2rem;
	display: inline-block;
	position: relative;
	padding: 0rem 0rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 6.6rem 0 0 6.6rem;
	-moz-border-radius: 6.6rem 0 0 6.6rem;
	border-radius: 6.6rem 0 0 6.6rem;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	vertical-align: middle;
	line-height: 13.2rem;
	color: #ffffff;
	cursor: pointer;
}

.button_stock_buy {
	background: #009900;
}

.button_stock_sell {
	background: #cc0000;
}

.stock_exchange_panel {
	bottom: 28rem;
	height: 40.0rem;
	background: #ffffff;
	width: 108rem;
	position: fixed;
}

.stock_orders_panel {
	bottom: 28rem;
	top: 24.0rem;
	background: #ffffff;
	width: 108rem;
	padding-bottom: 28rem;
}

.stock_orders_cell {
	height: 18rem;
}

.stock_history_cell {
	height: 28rem;
}

.stock_orders_cell_direction {
	width: 21rem;
}

.stock_orders_cell_price {
	width: 20rem;
}

.stock_orders_cell_volume {
	width: 24rem;
}

.stock_orders_cell_partial {
	width: 21rem;
}

.height_28 {
	height: 28rem;
}

.margin-top-0 {
	margin-top: 0rem;
}

.stock_history_cell_direction {
	width: 28rem;
}

.stock_history_cell_price {
	width: 26rem;
}

.stock_history_cell_volume {
	width: 26rem;
}

.stock_history_cell_partial {
	width: 26rem;
}

.down_size_36 {
	height: 3.6rem;
}

.height_9 {
	height: 9rem;
}

.height_5_5 {
	height: 5.5rem;
}

.stock_bottom_height {
	height: 68rem;
}

.stock_chart {
	width: 103.2rem;
	height: 60rem;
	margin-top: 2rem;
}

.right_5_6 {
	right: 5.6rem;
}

.detail_cell_height {
	height: 18.8rem;
}

.slider_track {
	margin-top: 0.4rem;
	overflow: hidden;
	background: url(../images/bar_Positions_gray.png) no-repeat;
	background-size: 100% 100%;
	height: 3.6rem;
	width: 58rem;
}

.slider_track_selected {
	height: 3.6rem;
	background: url(../images/bar_Positions_1.png) no-repeat;
	background-size: auto auto;
	background-size: auto 100%;
}

.slider_thumb {
	width: 4.4rem;
	height: 4.4rem;
	background: url(../images/bar_Positions_dat.png) no-repeat center center;
	overflow: hidden;
	position: absolute;
	top: -0.4rem;
	cursor: pointer;
	background-size: 100% 100%;
}

.right_2_4 {
	right: 2.4rem;
}

.icon_detail_list {
	width: 16rem;
}

.user_center_list_height {
	height: 16rem;
	line-height: 16rem;
}

.user_center_header {
	height: 80rem;
	background: #f0f0f8;
}

.user_center_circle_height {
	height: 66rem;
	line-height: 66rem;
}

.nickname_width {
	width: 40rem;
}


/*
字体
*/

.header_amount_font {
	font: 60px Avenir Next Condensed, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
	color: #ffffff;
}

.header_amount_little_font {
	font: 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #ffffff;
}

.header_amount_black_font {
	font: 60px Avenir Next Condensed, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
	color: #000000;
}

.currency_big_font {
	font: 600 72px Kohinoor Devanagari, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #292b2e;
}

.currency_big_gray_font {
	font: 600 72px Kohinoor Devanagari, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #8e8e93;
}

.currency_big_blue_font {
	font: 600 72px Kohinoor Devanagari, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #007aff;
}

.currency_normal_font {
	font: 700 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #8e8e93;
}

.currency_normal_dark_font {
	font: 700 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #666666;
}

.currency_small_font {
	font: 700 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #666666;
}

.currency_small_white_font {
	font: 700 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #fff;
}

.section_tab_font {
	font: 600 56px Avenir Next Condensed, sans-serif;
	font-size: 5.6rem;
	line-height: 11.6rem;
}

.section_font {
	font: 700 56px Avenir Next Condensed, sans-serif;
	font-size: 5.6rem;
	line-height: inherit;
	color: #000000;
}

.section_red_font {
	font: 700 56px Avenir Next Condensed, sans-serif;
	font-size: 5.6rem;
	line-height: inherit;
	color: #ff9999;
}

.section_blue_font {
	font: 600 56px Avenir Next Condensed, sans-serif;
	font-size: 5.6rem;
	line-height: inherit;
	color: #007aff;
}

.section_gray_font {
	font: 600 56px Avenir Next Condensed, sans-serif;
	font-size: 5.6rem;
	line-height: inherit;
	color: #8e8e93;
}

.content_font {
	font: lighter 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: 6.0rem;
	color: #666666;
}

.content_small_font {
	font: 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
	color: #666666;
}

.content_small_blue_font {
	font: 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
	color: #007aff;
}

.content_small_gray_font {
	font: 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
	color: #8e8e93;
}

.content_red_font {
	font: lighter 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: 6.0rem;
	color: #cc0000;
}

.content_black_font {
	font: 300 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: 6.0rem;
	color: #666666;
}

.name_font {
	font: lighter 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #8e8e93;
}

.name_bold_font {
	font: 500 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #8e8e93;
}

.name_small_font {
	font: lighter 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
	color: #8e8e93;
}

.name_blue_font {
	font: lighter 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #007aff;
}

.content_big_bold_font {
	font: 600 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #000000;
}

.content_bold_font {
	font: 600 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #000000;
}

.content_bold_gray_font {
	font: 600 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #666666;
}

.content_bold_gray_light_font {
	font: 600 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #cccccc;
}

.content_bold36_white_font {
	font: 600 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #ffffff;
}

.content_bold_green_font {
	font: bold 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #009900;
}

.content_bold_red_font {
	font: bold 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #cc0000;
}

.content_bold_grayblue_font {
	font: 600 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #00fffc;
}

.content_bold_link_font {
	font: 600 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #007aff;
	text-decoration: none;
}

.content_bold_middle_gray_font {
	font: 600 52px Kohinoor Devanagari, sans-serif;
	font-size: 5.2rem;
	line-height: inherit;
	color: #666666;
}

.user_currency_font {
	font: 72px Avenir Next Condensed, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #000000;
}

.user_currency_green_font {
	font: 72px Avenir Next Condensed, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #009900;
}

.user_currency_red_font {
	font: 72px Avenir Next Condensed, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #cc0000;
}

.user_currency_grayblue_font {
	font: 700 72px Avenir Next Condensed, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #00fffc;
}

.legal_tender_amount_font {
	font: 72px Kohinoor Devanagari, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #8e8e93;
}

.amount_font {
	font: bold 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #000000;
}

.amount_middle_font {
	font: bold 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
	color: #000000;
}

.amount_red_font {
	font: bold 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #cc0000;
}

.amount_blue_font {
	font: bold 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #007aff;
}

.amount_thin_blue_font {
	font: lighter 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #007aff;
}

.amount_white_font {
	font: bold 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #ffffff;
}

.amount_big_blue_font {
	font: bold 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
	color: #007aff;
}

.amount_total_big_font {
	font: 84px Avenir Next Condensed, sans-serif;
	font-size: 8.4rem;
	line-height: inherit;
	color: #000000;
}

.amount_total_big_white_font {
	font: 86px Avenir Next Condensed, sans-serif;
	font-size: 8.6rem;
	line-height: inherit;
	color: #ffffff;
}

.amount_big_font {
	font: bolder 72px Kohinoor Devanagari, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
	color: #000000;
}

.amount_bigger_font {
	font: bolder 96px Kohinoor Devanagari, sans-serif;
	font-size: 9.6rem;
	line-height: inherit;
	color: #000000;
}

.amount_bigger_white_font {
	font: bolder 96px Kohinoor Devanagari, sans-serif;
	font-size: 9.6rem;
	line-height: inherit;
	color: #ffffff;
}

.amount_bigger_blue_font {
	font: bolder 96px Kohinoor Devanagari, sans-serif;
	font-size: 9.6rem;
	line-height: inherit;
	color: #007aff;
}

.spin_blue_font {
	font: bolder 96px Avenir Next Condensed, sans-serif;
	font-size: 9.6rem;
	line-height: inherit;
	color: #ffffff;
}

.spin_white_font {
	font: bolder 96px Avenir Next Condensed, sans-serif;
	font-size: 9.6rem;
	line-height: inherit;
	color: #ffffff;
}

.spin_white_middle_font {
	font: bolder 86px Avenir Next Condensed, sans-serif;
	font-size: 8.6rem;
	line-height: inherit;
	color: #ffffff;
}

.content_little_font {
	font: 100 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
	color: rgba(255, 255, 255, 0.5);
}

.content_yellow_little_font {
	text-align: center;
	font-weight: bold;
	/*font: 100 30px Kohinoor Devanagari, sans-serif;*/
	font-size: 3.0rem;
	line-height: inherit;
	color: rgba(129, 122, 76, 0.8);
}

.content_white_little_font {
	text-align: center;
	font-weight: bold;
	/*font: 100 30px Kohinoor Devanagari, sans-serif;*/
	font-size: 3.0rem;
	line-height: inherit;
	color: rgba(255, 255, 255, 1);
}

.content_bold_big_font {
	font: 700 62px Kohinoor Devanagari, sans-serif;
	font-size: 6.2rem;
	line-height: inherit;
	color: #292b2e;
}

.content_bold_red_big_font {
	font: 700 62px Kohinoor Devanagari, sans-serif;
	font-size: 6.2rem;
	line-height: inherit;
	color: #980505;
}

.content_bold_big_white_font {
	font: bold 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
	color: #ffffff;
}

.content_light_font {
	font: 100 62px Kohinoor Devanagari, sans-serif;
	font-size: 6.2rem;
	line-height: inherit;
	color: #292b2e;
}

.content_light_white_font {
	font: lighter 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #ffffff;
}

.content_normal_white_font {
	font: 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #ffffff;
}

.content_bold_white_font {
	font: 600 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
	color: #ffffff;
}

.content_white_font {
	font: lighter 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #ffffff;
}

.content_small_white_font {
	font: 500 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #ffffff;
}

.content_middle_white_font {
	font: 500 42px Kohinoor Devanagari, sans-serif;
	font-size: 4.2rem;
	line-height: inherit;
	color: #ffffff;
}

.content_middle_black_font {
	font: 500 42px Kohinoor Devanagari, sans-serif;
	font-size: 4.2rem;
	line-height: inherit;
	color: #000000;
}

.content_big_id_font {
	font: 134px Avenir Next Condensed, sans-serif;
	font-size: 13.4rem;
	line-height: inherit;
	color: #000000;
}

.content_big_action_id_font {
	font: 134px Avenir Next Condensed, sans-serif;
	font-size: 13.4rem;
	line-height: inherit;
	color: #980505;
}

.countdown_font {
	font: 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
	color: #000000;
}

.countdown_big_font {
	font: 600 110px Kohinoor Devanagari, sans-serif;
	font-size: 11.0rem;
	line-height: inherit;
	color: #ffffff;
}

.invite_unit_font {
	font: 46px Avenir, sans-serif;
	font-size: 4.6rem;
	line-height: inherit;
}

.invite_amount_font {
	font: 103px Avenir Next Condensed, sans-serif;
	font-size: 10.3rem;
	line-height: inherit;
}

.menu_font {
	font: 34px Avenir Next Condensed, sans-serif;
	font-size: 3.4rem;
	line-height: inherit;
}

.input_error_font {
	font: 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #cc0000;
}

.agreement_title_font {
	font: bold 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: 7.2rem;
	color: #000000;
}

.agreement_content_font {
	font: 300 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: 6.0rem;
	color: #000000;
}

.agreement_content_bold_font {
	font: 500 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: 6.0rem;
	color: #000000;
}

.help_middle_font {
	font: 300 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	color: #000000;
}

.help_middle_red_font {
	font: 300 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: 6.0rem;
	color: red;
}

.help_middle_gray_red_font {
	font: 300 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: 6.0rem;
	color: #ff9999;
}

.help_middle_bold_font {
	font: 600 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: 6.0rem;
	color: #000000;
}

.invite_code_desc_font {
	font: 300 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: 5.0rem;
	color: #004CA1;
}

.invite_code_desc_low_font {
	font: 300 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: 3.0rem;
	color: #004CA1;
}

.invite_code_title_font {
	font: 300 28px Kohinoor Devanagari, sans-serif;
	font-size: 2.8rem;
	line-height: 4.0rem;
	color: #004CA1;
	height: 4.0rem;
	margin-top: -1rem;
}

.invite_code_font {
	font: 600 72px Avenir Next Condensed, sans-serif;
	font-size: 7.2rem;
	line-height: 7.2rem;
	color: #004CA1;
	height: 7.2rem;
	margin-bottom: 0rem;
}

.invite_scan_font {
	font: 400 34px Kohinoor Devanagari, sans-serif;
	font-size: 3.4rem;
	line-height: 3.6rem;
	color: #004CA1;
	height: 3.6rem;
	margin-bottom: 1rem;
}

.invite_fish_font {
	font: 700 140px Avenir Next Condensed, sans-serif;
	font-size: 14.0rem;
	line-height: 13rem;
	color: #db0560;
	height: 13rem;
}

.invite_desc_font {
	font: 34px Kohinoor Devanagari, sans-serif;
	font-size: 3.4rem;
	line-height: 3.8rem;
	color: #000000;
	margin-top: 2rem;
}

.invite_fish_currency_font {
	font: 400 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: 6rem;
	color: #004CA1;
	height: 6rem;
}

.invite_remain_fish_font {
	font: 700 48px Avenir Next Condensed, sans-serif;
	font-size: 4.8rem;
	line-height: 8rem;
	color: #004CA1;
	height: 8rem;
}

.verify-msg {
	font: bold 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
	color: #666666;
}

.power_big_font {
	font: 600 128px Kohinoor Devanagari, sans-serif;
	font-size: 12.8rem;
	line-height: inherit;
	color: #000000;
}

.color_gray {
	color: #8e8e93;
}

.color_darkgray {
	color: #646467;
}

.color_black {
	color: #000000;
}

.color_white {
	color: #ffffff;
}

.color_blue {
	color: #007aff;
}

.color_red {
	color: #ff0000;
}

.color_green {
	color: #009900;
}

.kohinoor_30_bold {
	font: 700 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
}

.kohinoor_30_light {
	font: 100 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
}

.kohinoor_30_regular {
	font: 400 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
}

.kohinoor_30_semibold {
	font: 600 30px Kohinoor Devanagari, sans-serif;
	font-size: 3.0rem;
	line-height: inherit;
}

.kohinoor_36_bold {
	font: 700 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
}

.kohinoor_36_semibold {
	font: 600 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
}

.kohinoor_36_medium {
	font: 500 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
}

.kohinoor_36_regular {
	font: 400 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
}

.kohinoor_36_light {
	font: 100 36px Kohinoor Devanagari, sans-serif;
	font-size: 3.6rem;
	line-height: inherit;
}

.kohinoor_48_light {
	font: 100 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
}

.kohinoor_48_medium {
	font: 500 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
}

.kohinoor_48_semibold {
	font: 600 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
}

.kohinoor_48_bold {
	font: 700 48px Kohinoor Devanagari, sans-serif;
	font-size: 4.8rem;
	line-height: inherit;
}

.kohinoor_60_bold {
	font: 700 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
}

.kohinoor_60_semibold {
	font: 600 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
}

.kohinoor_60_medium {
	font: 500 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
}

.kohinoor_60_light {
	font: 100 60px Kohinoor Devanagari, sans-serif;
	font-size: 6.0rem;
	line-height: inherit;
}

.kohinoor_72_semibold {
	font: 600 72px Kohinoor Devanagari, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
}

.kohinoor_72_bold {
	font: 700 72px Kohinoor Devanagari, sans-serif;
	font-size: 7.2rem;
	line-height: inherit;
}

.kohinoor_96_semibold {
	font: 600 96px Kohinoor Devanagari, sans-serif;
	font-size: 9.6rem;
	line-height: inherit;
}

.kohinoor_96_bold {
	font: 700 96px Kohinoor Devanagari, sans-serif;
	font-size: 9.6rem;
	line-height: inherit;
}


/*-------------------------------------------------------------------------------------*/

.title {
	color: white;
	position: relative;
	font-size: 3.6rem;
	font-weight: bolder;
}

.content {
	color: white;
	position: relative;
	font-size: 2.625rem;
}

#corePlatform .title,
#corePlatform .content {
	margin-top: -.25rem;
	float: left;
}

#corePlatform .title {
	margin-left: 10%;
	top: 5%;
	right: 1rem;
}

#corePlatform .content {
	text-align: left;
}

#monstersLeague .title,
#monstersLeague .content,
#monstersExplore .title,
#monstersExplore .content {
	top: -1rem;
}

#platformPlan .title,
#about .title {
	padding-top: 0%;
}

#corePlatform {
	margin-top: 6rem;
	width: 60%;
	height: 6.25rem;
	background: #e4aa33;
	background-clip: padding-box;
	/*border: 10px solid transparent;*/
	padding: 10px;
	border: solid transparent;
	border-width: 4rem 4rem;
	-moz-border-image: url(../images/nine/btnYellow.gif) 62 42 round;
	-webkit-border-image: url(../images/nine/btnYellow.gif) 62 42 round;
	-o-border-image: url(../images/nine/btnYellow.gif) 62 42 round;
	border-image: url(../images/nine/btnYellow.gif) 62 42 fill round;
	margin-left: auto;
	margin-right: auto;
}

#monstersLeague {
	margin-top: 6rem;
	margin-right: 0.675rem;
	display: inline-block;
	height: 6.25rem;
	width: 30%;
	background: #3fd2cc;
	background-clip: padding-box;
	/*border: 10px solid transparent;*/
	padding: 10px;
	border: solid transparent;
	border-width: 4rem 4rem;
	-moz-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
	-webkit-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
	-o-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
	border-image: url(../images/nine/btnBlueness.gif) 62 42 fill round;
}

#monstersExplore {
	margin-top: 6rem;
	margin-left: 0.675rem;
	display: inline-block;
	height: 6.25rem;
	width: 30%;
	background: #2fb9e9;
	background-clip: padding-box;
	/*border: 10px solid transparent;*/
	padding: 10px;
	border: solid transparent;
	border-width: 4rem 4rem;
	-moz-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
	-webkit-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
	-o-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
	border-image: url(../images/nine/btnBlue.gif) 62 42 fill round;
}

#platformPlan {
	margin-top: 6rem;
	margin-right: 0.675rem;
	display: inline-block;
	width: 30%;
	height: 6.25rem;
	background: #3fd2cc;
	background-clip: padding-box;
	/*border: 10px solid transparent;*/
	padding: 10px;
	border: solid transparent;
	border-width: 4rem 4rem;
	-moz-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
	-webkit-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
	-o-border-image: url(../images/nine/btnBlueness.gif) 62 42 round;
	border-image: url(../images/nine/btnBlueness.gif) 62 42 fill round;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}

#about {
	margin-top: 6rem;
	margin-left: 0.675rem;
	display: inline-block;
	width: 30%;
	height: 6.25rem;
	background: #2fb9e9;
	background-clip: padding-box;
	/*border: 10px solid transparent;*/
	padding: 10px;
	border: solid transparent;
	border-width: 4rem 4rem;
	-moz-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
	-webkit-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
	-o-border-image: url(../images/nine/btnBlue.gif) 62 42 round;
	border-image: url(../images/nine/btnBlue.gif) 62 42 fill round;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}

.foot_space {
	background-color: #eeeacf;
	height: 18.25rem;
}

.foot_space_small {
	background-color: #eeeacf;
	height: 0.25rem
}

.login_background {
	background: url("../images/cover_background.png") #eeeacf no-repeat;
	background-size: 108rem;
}

.content_background {
	background: url("../images/floorGrass.gif") #eeeacf repeat-x;
	background-size: 20rem;
}

.margin-middle-top {
	margin-top: 15.5rem;
}

#tabs {
	border: none;
	background-color: #eeeacf;
}

#tabs .tabs-spacer {
	float: left;
	/*height: 145rem;*/
	min-height: 140rem;
}

#tabs .ui-tabs-nav {
	clear: left;
	background: #cdc8a6;
	text-align: center;
	/*padding: 0 .2rem .2rem .2rem;*/
}

#tabs .ui-tabs-nav li {
	top: -4px;
	bottom: 0;
	/*left: 10rem;*/
	float: none !important;
	display: inline-block;
	margin: 0 .2rem .675rem 0;
	/*border-bottom: auto;*/
	border-top: 0;
	border-radius: 0 0 5px 5px;
}

#tabs ul li a {
	display: block;
	/*margin-left: 0.5rem;*/
	/*margin-top: -2px;*/
	padding: 1rem 6rem;
	background: #dfdbbd;
	text-decoration: none;
	color: #ffffff;
	font-size: 4rem;
	border-radius: 0 0 5px 5px;
	border-color: #817a4c;
}

#tabs ul li.ui-tabs-active a {
	background: #eeeacf;
	color: #817a4c;
	outline: none;
}

#tabs .ui-tabs-nav li.ui-tabs-active {
	margin-top: -1px;
	padding-top: 1px;
	outline: none;
	background-color: #dfdbbd;
}

.content_title {
	background-image: url("../images/title_background.png");
	/*width: 19.375rem;*/
	/*height: 3.9rem;*/
	max-width: 46rem;
	background-size: 100% 100%;
	width: 46rem;
	height: 12rem;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.title3 {
	/*margin-top: -.25rem;*/
	padding-top: 3.675rem;
	color: white;
	position: relative;
	font-size: 3.6rem;
	font-weight: bolder;
}

.content3 {
	color: #817a4c;
	padding-top: 3.675rem;
	min-height: 120rem;
}

.content4 {
	color: #817a4c;
	padding-top: 3.675rem;
	min-height: 120rem;
}

.content5 {
	color: #817a4c;
	padding-bottom: 5rem;
	/*min-height: 120rem;*/
}

.content3 li {
	list-style: none;
	padding-top: 3.675rem;
	padding-right: 2.675rem;
}

.node {
	position: relative;
	top: .3rem;
	display: inline-block;
	margin: 0 1em;
	background-image: url(../images/node.png);
	background-size: 100%;
	width: 2.5rem;
	height: 2.5rem;
}

.contentBox {
	text-align: left;
	width: 75%;
	line-height: 1.5em;
	margin-left: 3rem;
}

.nodeBox,
.contentBox {
	padding: 1em 0;
	height: 100%;
	float: left;
}

.nodeBox {
	width: 11%;
}

.desc_text {
	text-align: left;
	padding: 3rem
}

dl {
	margin: 0;
	padding: 1rem 0 0 0;
	color: #e4aa33;
}

dd {
	padding-right: 3rem;
	padding-left: 5rem;
	font-size: 2.675rem;
	margin: 0;
	text-indent: 0em;
	color: #e4aa33;
}

.corePlatCreateMonsters {
	width: 50%;
	margin-left: -5rem;
}

.teamInfo {
	text-align: center;
}

.contactUs {
	padding-bottom: 3rem;
	padding-top: 9rem;
}

.contactUs:link {
	font-family: Arial;
	font-style: italic;
	color: #817a4c
}


/*
    创造怪物用的css
*/

.creator_background {
	background: url("../images/mHead.png") #000000 no-repeat;
	background-size: 108rem;
}

.creator_topMenu {
	background-color: #535353;
	margin-top: 10.8rem;
}
first_background
.creator_topBtnRight {
	float: right;
}

.creator_topBtn {
	width: 10rem;
	height: 10rem;
}

.draw_top {
	margin-top: 3rem;
}

.draw_topBtn {
	width: 16rem;
	height: 16rem;
}

.draw_topBtnLeft {
	float: left;
	margin-left: 6rem;
}

.draw_topBtnRight {
	float: right;
	margin-right: 6rem;
}

.draw_preview {
	text-align: center;
	height: 17rem;
	width: 17rem;
	margin-left: 7.2rem;
	margin-top: -0.9rem;
}

.canvasBox {
	margin-top: 3rem;
	margin-left: 6rem;
	margin-right: 6rem;
	text-align: center;
	background-color: white;
	overflow: hidden;
}

#canvas {
	/*margin-left: 10px;*/
	height: 90rem;
}

.logo-layout{
	margin-top: 5.1rem;
	width:16rem;
	height: 2.8rem;
	
}



#shareimg{
	margin-top: 5.1rem;
	width: 40%;
}

.share-font{
	color: white;
	text-align: center;
	font-size: 1.6rem;
	line-height:200%;
	margin-top: -1rem;
}


#sharecode{
	text-align: center;

}


#likebtn{

	margin-top: 3rem;
	margin-left: 31.5rem;

}

.likebtnfont{
	color: white;
	position: absolute;
	margin-left: 21rem;
	margin-top: 1rem;
	font-size: 8rem;
}

.likebtnlove{
	position: absolute;
	margin-left: 10rem;
	margin-top: 2rem;
}

#createbtn{
	margin-top: 42rem;
	margin-left: 31.5rem;

}

.createbtnfont{
	color: white;
	position: absolute;
	margin-left: 10rem;
	margin-top: 1rem;
	font-size: 6rem;
}

#toshare{
	width: 27rem;
	height: 45rem;
	background: url('../images/sharebg.png') center no-repeat;
	background-size: auto 100%;
	text-align: center;
	
}


#toshare2{
	margin-top:9rem;
	text-align: center;
}

#createdimg{
	width: 50%;
}

#createshareimg{
	width: 80rem;
	height:120rem;
	margin-top: 10rem;
}

#shareinfo{
	position:absolute;
	width: 80rem;
	height:120rem;
	margin-top: 10rem;
}

.tosharefont{
	font-size: 10rem;
	color: white;
}

.savefont{
	text-align: center;
	margin-top: 7.5rem;
}






